<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>lucky</title>
    <link rel="stylesheet" href="layui/css/layui.css">
    <link rel="stylesheet" href="css/common.css">
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">

    <!-- 头部区域（可配合layui已有的水平导航） -->
    <div class="layui-header">
        <div class="layui-logo layui-icon layui-icon-auz"> lucky权限管理系统</div>
        <ul class="layui-nav layui-layout-left">
            <li class="layui-nav-item">
                <a href="javascript:;" title="侧边伸缩">
                    <i class="layui-icon layui-icon-shrink-right" id="leftNav"></i>
                </a>
            </li>
        </ul>
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                <a href="javascript:;">
                    <img src="images/face.jpg" class="layui-nav-img"><label id="userName"></label>
                </a>
                <dl class="layui-nav-child">
                    <dd><a id="changePassword">修改密码</a></dd>
                    <dd><a href="/page/user/login.html" id="logout">注销</a></dd>
                </dl>
            </li>
        </ul>
    </div>

    <!-- 左侧导航 -->
    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <ul class="layui-nav layui-nav-tree" id="nav"></ul>
        </div>
    </div>

    <!-- 主体内容 -->
    <div class="layui-body" id="nav1">
        <div class="layui-tab tabs" id="tabs" lay-filter="main_tab1">
            <ul id="main_tab1" class="layui-tab-title">
                <li class="layui-this">
                    <a style="display: contents" href="javascript:;" data-url="page/main.html"></a>首页
                </li>
            </ul>
            <div class="layui-tab-content chide-iframe">
                <div class="layui-tab-item layui-show">
                    <iframe src="page/home.html" frameborder="0" class="iframe"></iframe>
                </div>
            </div>
        </div>
    </div>

    <!-- 底部-->
    <div class="layui-footer footer">
        © lucky - 底部固定区域
    </div>
</div>
</body>
<script src="layui/layui.js"></script>
<script src="js/index.js"></script>
</html>